.banner {
  background: #ddd;
  overflow: hidden;
  height: 285px;

  .banner_box {
    width: 980px;
    margin: 0 auto;
    position: relative;
    
    .slick-slider {
      width: 730px;
      float: left;
      height: 285px;
      .slick-list {
        position: absolute;
        width:730px;
        left:0px;top:0px;
        height:285px;
        .slick-slide {
          width: 730px;

          img {
            width: 100%;
            height:285px;
          }
        }
      }

      .slick-prev {
        left: -10%;
        top: 140px;
        width: 37px;
        height: 63px;
        z-index: 99999;
        background: url(../../../assets/index/arrl.png) left center no-repeat
      }

      .slick-prev:hover {
        background: url(../../../assets/index/arrl_hvr.png) left center no-repeat
      }

      .slick-next {
        right: -44%;
        top: 140px;
        width: 37px;
        height: 63px;
        z-index: 99999;
        background: url(../../../assets/index/arrr.png) left center no-repeat
      }

      .slick-next:hover {
        background: url(../../../assets/index/arrr_hvr.png) left center no-repeat
      }

      .slick-prev:before,
      .slick-next:before {
        color: transparent !important;
      }

      .slick-dots {
        width:730px  !important;
        text-align: center;
        /* display: none !important; */
        top:250px;
        li button{
          padding:0px
        }
         li button:before{
          color:#fff;
        }
      }
    }

    .download {
      position: absolute;
      right: 0px;
      width: 252px;
      height: 285px;
      background: url(../../../assets/index/download.png) left top no-repeat;

      .downBtn {
        display: block;
        width: 215px;
        height: 56px;
        margin: 186px 0 0 19px;
        background-position: 0 9999px;
        text-indent: -9999px;
      }

      .downtext {
        margin: 3px auto;
        text-align: center;
        color: #8d8d8d;
        letter-spacing: -1px;
      }
    }
  }
}